<template>
    <div class="WxIndex-Page">
      <div class="body">
        <router-view></router-view>
      </div>
      <div class="footer">
        <div><a href="#/wxindex">商城首页</a></div>
        <div style="margin-left: 1px"><a href="#/wxshopping">购物车</a></div>
        <div style="margin-left: 1px"><a href="#/wxindex">个人中心</a></div>
      </div>
      <div style="clear: both"></div>
    </div>
</template>

<script>
    export default {
        name: 'WxIndex',
        data() {
            return {}
        }
    }
</script>
<style lang="less">
    .WxIndex-Page {
      min-width: 320px;max-width:1024px ;
      height: 100%;margin: auto;
    }
    body{
      background-color: seashell;
    }
    .body{
      height: 100%;border: 0;
    }
  .footer{
    min-width: 320px;max-width:1024px ;
    width: 100%;
    background-color: whitesmoke;
  }
    a{color: white}
    .footer{
      bottom: 0;height: 50px; position:fixed;z-index: 666;

    }
    .footer>div{
      float: left;width: 33%;height: 50px;
      background: linear-gradient(olivedrab,olive);color: white;
      text-align: center;line-height: 50px;
    }

</style>
